@import "mixins/components-buttons";

.c-button {
  .button();
}

.c-button--close {
  .button-color(transparent, inherit);
  position: absolute;
  right: @spacing-small;
  padding: 0;
  outline: 0;
  font-size: @button-close-font-size;
  font-weight: @button-close-font-weight;
  line-height: 1;
}

.c-button--block {
  display: inline-block;
  width: 100%;
}

.c-button--rounded {
  border-radius: @button-rounded-border-radius;
}

.c-button--brand {
  .button-color(@button-brand-background-color, @button-brand-color);
}

.c-button--info {
  .button-color(@button-info-background-color, @button-info-color);
}

.c-button--warning {
  .button-color(@button-warning-background-color, @button-warning-color);
}

.c-button--success {
  .button-color(@button-success-background-color, @button-success-color);
}

.c-button--error {
  .button-color(@button-error-background-color, @button-error-color);
}

.c-button--ghost {
  .button-ghost;
}

.c-button--ghost-brand {
  .button-ghost(@button-ghost-brand-color, @button-ghost-brand-hover-color);
}

.c-button--ghost-info {
  .button-ghost(@button-ghost-info-color, @button-ghost-info-hover-color);
}

.c-button--ghost-warning {
  .button-ghost(@button-ghost-warning-color, @button-ghost-warning-hover-color);
}

.c-button--ghost-success {
  .button-ghost(@button-ghost-success-color, @button-ghost-success-hover-color);
}

.c-button--ghost-error {
  .button-ghost(@button-ghost-error-color, @button-ghost-error-hover-color);
}

.c-button__icon-left {
  padding-right: @button-icon-left-padding;
}

.c-button__icon-right {
  padding-left: @button-icon-right-padding;
}
